/*
Theme Name: Creatic
Theme URI: http://wpbandit.com/creatic/
Description: A clean and versatile portfolio theme, More <a href="http://www.weidea.net" target="_blank">WordPress Themes</a>..
Author: WP Bandit
Author URI: http://www.weidea.net
Version: 1.1
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* ------------------------------------------------------------------------- *
 * html5doctor.com Reset Stylesheet                                          *
 * v1.6.1 2010-09-17 | Authors: Eric Meyer & Richard Clark                   *
 * html5doctor.com/html-5-reset-stylesheet/                                  *
/* ------------------------------------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr,
address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup,
var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, 
thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, 
menu, nav, section, summary, time, mark, audio, video {margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display: block;}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {content:'';content:none;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
table {border-collapse:collapse;border-spacing: 0;}


/* ------------------------------------------------------------------------- *
 *  Core Styles
/* ------------------------------------------------------------------------- */
html, body { height: 100%; }
body { min-width: 988px; background: #edeef0 url(img/bg.png) repeat left top; font-size: 14px; color: #697378; font-family: Arial, Helvetica, Verdana, sans-serif; }
a { color: #00a0c6; text-decoration:none; outline: 0;
-webkit-transition-property: background color; -webkit-transition-duration: 0.15s; -webkit-transition-timing-function: ease-out;
-moz-transition-property: background color; -moz-transition-duration: 0.15s; -moz-transition-timing-function: ease-out;
-o-transition-property: background color; -o-transition-duration: 0.15s; -o-transition-timing-function: ease-out; 
transition-property: background color; transition-duration: 0.15s; transition-timing-function: ease-out; }
a:hover { color: #4c5357; }
a img { -webkit-transition-property: opacity; -webkit-transition-duration: 0.15s; -webkit-transition-timing-function: ease-out;
-moz-transition-property: opacity; -moz-transition-duration: 0.15s; -moz-transition-timing-function: ease-out;
-o-transition-property: opacity; -o-transition-duration: 0.15s; -o-transition-timing-function: ease-out;
transition-property: opacity; transition-duration: 0.15s; transition-timing-function: ease-out; }
a img:hover {opacity:0.7;}
input, textarea { -moz-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
-webkit-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s; }
address,cite,em {font-style:italic;}
strong {font-weight:bold;}
li {list-style:none;}
.left,.alignleft {float:left;}
.right,.alignright {float:right;}
.aligncenter {margin-left:auto;margin-right:auto;}
.pad { padding: 15px; }

/* ---- headings ---- */
h1, h2, h3, h4, h5, h6{ font-weight: bold; color: #4c5357; }

/* ---- clear ---- */
.clear {clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.clearfix:before,.clearfix:after {content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.clearfix:after {clear:both;}
.clearfix {zoom:1;}


/* ------------------------------------------------------------------------- *
 *  Core Text
/* ------------------------------------------------------------------------- */
.text { font-size: 100%; line-height: 1.5; text-rendering: optimizeLegibility; overflow: hidden; }
.text a:active, .text a:focus { outline: invert none medium; }
.text p,.text dd,.text ol,.text ul { margin-bottom: 20px; }
.text strong, .text dt { color: #4c5357; }
.text ol,.text ul { margin-left: 40px; }
.text ol ol,.text ol ul,.text ul ul,.text ul ol { margin-bottom: 0; }
.text ul li { list-style: square; }
.text ol li { list-style: decimal; }
.text dt { font-weight: bold;}
.text address { margin-bottom: 1.5em; }
.text blockquote { font-family: 'Droid Serif', serif; font-style: italic; border-left: 1px solid #8d979c; color: #697378; margin: 0 0 20px 20px; padding-left: 15px; }
.text blockquote p { margin-bottom: 0.75em; }
.text code, .text pre { font-family: Consolas, "Andale Mono", Monaco,Courier, "Courier New", Verdana, sans-serif; font-size:87.5%; }
.text pre { background: #dbdde2 url(img/pattern-2.png) repeat; line-height: 1.25em; margin-bottom: 30px; padding: 0.75em; overflow: auto; overflow-y: hidden; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; 
box-shadow: inset 0 5px 10px rgba(0,0,0,0.1),inset 0 1px 1px rgba(0,0,0,0.2) ; text-shadow: 0 1px 0 #fff; }
.text ins { background: #fff486; }
.text sub,.text sup { font-size: 62.5%; }
.text sub { vertical-align: sub; }
.text sup { vertical-align: super; }
.text hr { background: url(img/hr.png) repeat; height: 6px; border: 0; margin: 0 0 30px 0; }
.text img.size-auto,
.text img.size-large,.text img.size-medium,
.text attachment img {max-width:100%;height:auto;}
.text img {margin-top:0.5em;margin-bottom:0.5em;}
.text img.alignleft {margin-right:1em;}
.text img.alignright {margin-left:1em;}
.text img.aligncenter {clear:both;display:block;}
.text img .size-full { width: 100%; }
.text img { max-width: 628px; height: auto; }
.text .gallery img, .text img.wp-smiley {margin:0;}
.text .wp-caption { background: #edeef0; max-width: 608px; border: 1px solid #dbdde2; margin-bottom: 0.5em; padding-top: 4px; text-align: center; }
.text .wp-caption a {border-bottom:none;}
.text .wp-caption img {margin:0;max-width:598px;height:auto;}
.text .wp-caption.alignleft {margin-right:1em;}
.text .wp-caption.alignright {margin-left:1em;}
.text .wp-caption.alignnone { width: 610px!important; overflow: hidden; }
.text .wp-caption.alignnone img { margin: 0 auto; max-width: 598px!important; }
.text .wp-caption-text {font-size:12px;margin-bottom:8px;}
.text table { margin-bottom: 1.5em; width: 100%; }
.text table td { border-top: 1px solid #dbdde2; text-align: left; padding: 3px 6px;}
.text table th { background: #edeef0; color: #4c5357; font-weight: bold; padding: 3px 6px; text-align: left;  }
.text #gallery-1 img { border: 6px solid #dbdde2; }
.text .gallery-caption { text-align: center; font-size: 11px; }

/* heading */
.text h1,.text h2,.text h3,.text h4,.text h5,.text h6,
.t-front h1,.t-front h2,.t-front h3,.t-front h4,.t-front h5,.t-front h6 { margin-bottom: 20px; font-weight: bold; }
.text h1, .t-front h1 { font-size: 32px; line-height: 36px; letter-spacing: -1.0px; }
.text h2, .t-front h2 { font-size: 26px; line-height: 30px; letter-spacing: -0.7px; }
.text h3, .t-front h3 { font-size: 20px; line-height: 24px; letter-spacing: -0.5px; }
.text h4, .t-front h4 { font-size: 16px; line-height: 20px; }
.text h5, .t-front h5 { font-size: 14px; line-height: 20px; }
.text h6, .t-front h6 { font-size: 12px; line-height: 20px; }


/* ---- START EDITING BELOW ------------------------------------------------ */

/* ------------------------------------------------------------------------- *
 *  Grids
/* ------------------------------------------------------------------------- */
.grid-1, .grid-2, .grid-3, .grid-4, .grid-0 { display: inline; float: left; }
.grid-1, .grid-2, .grid-3, .grid-4, .grid-0 { margin: 10px; }
.grid-1.inline, .grid-2.inline, .grid-3.inline, .grid-4.inline { display: inline-block; float: none; vertical-align: top; }
.alpha {margin-left:0;}
.omega {margin-right:0;}

/* 4 grids */
.grid-1 { width: 156px; } 
.grid-2 { width: 215px; }
.grid-3 { width: 333px; }
.grid-4 { width: 686px; }
.grid-full { width: 100%; }
.grid-0 { width: 97px; } 


/* ------------------------------------------------------------------------- *
 *  Common
/* ------------------------------------------------------------------------- */
#container { background: url(img/sidebar-shadow.png) repeat-y 260px top; width: 100%; height: auto; min-height: 100%; position: relative; }
#content-inner , #footer-inner { float: left; width: 100%; }
#right, #footer { margin-left: 260px; }

/* caption-bar styling */
.caption-bar { display: block; background: rgba(27,30,33,0.75) url(img/glass-small.png) repeat-x 0 1px; color: #dbdde2; text-shadow: 0 -1px 0 #000; width: 100%; position: absolute; left: 0; bottom: -80px;
-webkit-transition-property: background color; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease-out;
-moz-transition-property: background color; -moz-transition-duration: 0.3s; -moz-transition-timing-function: ease-out;
-o-transition-property: background color; -o-transition-duration: 0.3s; -o-transition-timing-function: ease-out; 
transition-property: background color; transition-duration: 0.3s; transition-timing-function: ease-out; 
-moz-box-shadow: inset 0 1px 0 rgba(0,0,0,0.15); -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.15); box-shadow: inset 0 1px 0 rgba(0,0,0,0.15); }
.caption-bar i { display: block; font-style: normal; padding: 10px 15px; }
a .caption-bar:hover { -moz-transition-property: none; -webkit-transition-property: none; transition-property: none; }
a .caption-bar:active { background-color: rgba(27,30,33,0.85); }
.t-blog.single .slides_container .caption-bar i { padding-right: 30px; padding-left: 30px; }

/* caption-bar hover position */
.t-front ul li:hover .caption-bar { bottom: 0; }
.t-front.alt #slides .item:hover .caption-bar { bottom: 0; }
.t-blog.single .slides_container div:hover .caption-bar { bottom: 0; }

/* buttons */
a.btn-small { font-size: 11px; background: #e1e3e6 url(img/btn-small.png) repeat-x top; color: #4c5357; text-shadow: 0 1px 0 #fff; border: 1px solid #cbced3; border-bottom: 1px solid #b6b9bd; line-height: 15px; padding: 6px 10px; display: inline-block;
-moz-box-shadow: inset 0 1px 0 #fff; -webkit-box-shadow: inset 0 1px 0 #fff; box-shadow: inset 0 1px 0 #fff;
-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
a.btn-small:hover { background-position: 0 -10px; -moz-transition-property: none; -webkit-transition-property: none; transition-property: none; }
a.btn-small:active { background-position: 0 0; }

a.btn-normal { font-size: 12px; background: #e1e3e6 url(img/btn-small.png) repeat-x top; color: #4c5357; text-shadow: 0 1px 0 #fff; border: 1px solid #cbced3; border-bottom: 1px solid #b6b9bd; line-height: 16px; padding: 6px 11px; display: inline-block;
-moz-box-shadow: inset 0 1px 0 #fff; -webkit-box-shadow: inset 0 1px 0 #fff; box-shadow: inset 0 1px 0 #fff;
-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
a.btn-normal:hover { background-position: 0 -10px; -moz-transition-property: none; -webkit-transition-property: none; transition-property: none; }
a.btn-normal:active { background-position: 0 0; }

a.btn-large { font-size: 16px; background: #e1e3e6 url(img/btn-small.png) repeat-x top; color: #4c5357; text-shadow: 0 1px 0 #fff; border: 1px solid #cbced3; border-bottom: 1px solid #b6b9bd; line-height: 19px; padding: 9px 14px; display: inline-block;
-moz-box-shadow: inset 0 1px 0 #fff; -webkit-box-shadow: inset 0 1px 0 #fff; box-shadow: inset 0 1px 0 #fff;
-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
a.btn-large:hover { background-position: 0 -10px; -moz-transition-property: none; -webkit-transition-property: none; transition-property: none; }
a.btn-large:active { background-position: 0 0; }

a.btn-huge { font-size: 20px; font-weight: bold; background: #fff url(img/btn-huge.png) repeat-x bottom; color: #00a0c6; text-shadow: 0 1px 0 #fff; border: 1px solid #cbced3; border-bottom: 1px solid #a6aaaf; line-height: 24px; padding: 13px 20px; display: inline-block;
-moz-box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba(0,0,0,0.07); -webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba(0,0,0,0.07); box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba(0,0,0,0.07);
-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
a.btn-huge:hover { color: #4c5357; background-position: 0 20px; }
a.btn-huge:active { background-color: #edeef0; -moz-transition-property: none; -webkit-transition-property: none; transition-property: none; }


/* ------------------------------------------------------------------------- *
 *  Header
/* ------------------------------------------------------------------------- */
#header { border-bottom: 1px dashed #b5b6b8; }
#header-inner { height: 70px; }
#header-inner h2 { font-size: 26px; letter-spacing: -0.7px; line-height: 30px; float: left; padding: 20px 0 20px 30px; }
#header-inner h2 { color: #4c5357; }
#header-inner h2 a { color: #00a0c6; }
#header-inner h2 a:hover { color: #4c5357; }

#header-inner ul#button-menu { float: left; padding: 20px 0 0 30px; }
#header-inner ul#button-menu ul { display: none; /*no support for more than 1-depth*/ }
#header-inner ul#button-menu li { float: left; position: relative; margin: 0 4px 4px 0; }
#header-inner ul#button-menu li a { font-size: 12px; background: #e1e3e6 url(img/btn-small.png) repeat-x top; color: #4c5357; text-shadow: 0 1px 0 #fff; border: 1px solid #cbced3; border-bottom: 1px solid #b6b9bd; line-height: 27px; padding: 0 8px; display: inline-block; 
-moz-box-shadow: inset 0 1px 0 #fff; -webkit-box-shadow: inset 0 1px 0 #fff; box-shadow: inset 0 1px 0 #fff; 
-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
#header-inner ul#button-menu li a:hover { background-position: 0 -10px; -moz-transition-property: none; -webkit-transition-property: none; transition-property: none; }
#header-inner ul#button-menu li.current-cat a,
#header-inner ul#button-menu li a.active { background: #00a0c6; border-color: #00819f; border-bottom-color: #006077; color: #fff; text-shadow: none; 
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); }
#header-inner ul#button-menu li input#search-header { color: #8d979c; background: #fff url(img/header-search.png) no-repeat 192px 7px; width: 180px; font-size: 12px; border: 1px solid #cfd2d7; border-top: 1px solid #b7bbc1; padding: 6px 26px 6px 8px; margin: 0;
-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
#header-inner ul#button-menu li input#search-header:focus { color: #697378; outline: 0 none; border-color: rgba(0, 160, 198, 0.7);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(0, 160, 198, 0.4); 
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(0, 160, 198, 0.4); 
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(0, 160, 198, 0.4); }


/* ------------------------------------------------------------------------- *
 *  Head Expand Toggle
/* ------------------------------------------------------------------------- */
#headexpand { background: #dbdde2 url(img/bg2.png) repeat; text-shadow: 0 1px 0 #fff; display: none; }
#headexpand-inner { padding: 20px 10px 20px 20px; }
#headexpand-inner ul { margin: 20px 0 0 30px; font-size: 12px; }
#headexpand-inner ul li { list-style: circle; color: #8d979c; line-height: 20px; }
#headexpand-inner ul li ul { margin: 0 0 0 20px; }


/* ------------------------------------------------------------------------- *
 *  Sidebar
/* ------------------------------------------------------------------------- */
#sidebar { background: #fff; position: absolute; top: 0; bottom: 0; z-index: -1; width: 260px; }
#sidebar-inner { width: 160px; padding: 30px 30px 0 70px; float: left; overflow: hidden; }
#sidebar-inner #sidebar-widgets { float: left; width: 160px; oveflow: hidden; margin-top: 40px; }

#logo { float: left; width: 160px; text-align: center; }
#logo a { color: #4c5357; font-size: 32px; font-weight: bold; letter-spacing: -1px; outline: none; }
#logo a:hover { color: #4c5357; }
#logo.logo-img { display: block; width: 160px; margin: 10px 0; }
#logo.logo-img img { float: left; }

#tagline { float: left; width: 160px; text-align: center; padding-top: 10px; color: #8d979c; font-size: 12px; font-style: italic; }


/* ------------------------------------------------------------------------- *
 *  Overbar
/* ------------------------------------------------------------------------- */
#overbar { background: #4c5357 url(img/overbar.png) repeat-y 0 0; position: absolute; top: 0; bottom: 0; width: 40px; z-index: 1;}
#overbar ul#button-column { height: auto; min-height: 100%; }
#overbar ul#button-column li { width: 40px; height: 70px; position: relative; border-bottom: 1px dashed #636d76; }
#overbar ul#button-column li a { width: 40px; height: 70px; float: left; display: block; text-indent: -999px; overflow: hidden; }
#overbar ul#button-column li:hover a { background: #00a0c6 url(img/pattern.png) repeat 1px 0; text-indent: 0; width: auto; padding-right: 30px; overflow: hidden; white-space: nowrap;
-moz-border-radius: 0 35px 35px 0; -webkit-border-radius: 0 35px 35px 0; border-radius: 0 35px 35px 0; }
#overbar ul#button-column li a span { color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,0.4); font-size: 18px; font-weight: bold; height: 70px; line-height: 70px; margin-left: 44px; }
#overbar ul#button-column li i.icon-24 img { display: block; width: 24px; height: 24px; position: absolute; top: 23px; left: 8px; }
#overbar ul#button-column li i.icon-24 img:hover { opacity: 1; }


/* ------------------------------------------------------------------------- *
 *  Right / Content
/* ------------------------------------------------------------------------- */
#right { height: 100%; width: auto; }
#content {  }
#content-inner { padding-bottom: 110px; /*footer height+padding above*/ }
#content-pad { padding: 30px 14px 20px 30px; }
.t-front #content-pad { padding: 40px 14px 20px 30px; }
#masonry { margin: -10px 0 0 -10px; min-width: 727px; }
#grid-wrap { margin: -10px 0 0 -10px; float: left; } 
#grid-wrap-full { margin: 0 16px 0 0; }
.t-front #grid-wrap-full,
#footer-widgets #grid-wrap-full { margin: -10px 0 0 -10px; min-width: 727px; }

.entry { background: #fff; box-shadow: 0 1px 1px rgba(0,0,0,0.1); -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1); }

#page-heading { font-family: 'Droid Serif', serif; font-style: italic; font-weight: normal; font-size: 32px; line-height: 38px; letter-spacing: -1px; padding: 30px 0 10px 30px; }
#page-heading .max-width { width: 688px; display: block; }
#page-description { font-family: 'Droid Serif', serif; font-style: italic; font-size: 18px; color: #8d979c; padding: 0 0 0 30px; }
#page-description p { margin-bottom: 10px; }
#page-description .max-width { width: 688px; display: block; }

/* search.php */
.t-blog.search #no-result { background: #00a0c6 url(img/pattern.png) repeat; color: #fff; padding: 20px 0; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
.t-blog.search #no-result p { padding: 0 20px; }

/* 404.php */
.t-404 {  }


/* ------------------------------------------------------------------------- *
 *  Footer
/* ------------------------------------------------------------------------- */
#footer-widgets { background: url(img/footer-widgets.png) repeat-x top; padding: 40px 14px 20px 30px; }

#footer { border-top: 1px dashed #b5b6b8; position: absolute; bottom: 0; left: 0; right: 0;  }
#footer-inner {  }
#footer-pad { padding: 30px; height: 50px; /* footer needs fixed height, 50+30+30=110px content-inner */ }
#footer-inner a { color: #8d979c; font-weight: bold; }
#footer-inner a:hover { color: #4c5357; }
#footer-inner p { color: #8d979c; font-family: 'Droid Serif', serif; font-style: italic; line-height: 18px; }
#footer-inner ul.smb { font-size: 12px; margin-top: 15px; }
#footer-inner ul.smb li { float: left; margin-right: 15px; }
#footer-inner ul.smb li a { font-weight: bold; line-height: 16px; display: inline-block; }
#footer-inner ul.smb li span.icon { float: left; display: block; width: 16px; height: 16px; }
#footer-inner ul.smb li span.icon-title { float: left; display: block; height: 16px; line-height: 16px; margin-left: 6px; }
#footer-inner a.top { background: #fff url(img/top.png) no-repeat 16px 16px; display: block; text-indent: -999px; overflow: hidden; height: 50px; width: 50px; position: absolute; top: 30px; right: 30px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;  box-shadow: 0 1px 1px rgba(0,0,0,0.1); -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1); }
#footer-inner a.top:hover { background-position: 16px 14px; }


/* ------------------------------------------------------------------------- *
 *  Template: Front Page
/* ------------------------------------------------------------------------- */
.t-front .entry { padding-bottom: 0!important; margin-bottom: 30px; }
.t-front .entry .entry-title { padding: 20px 20px 0 20px; }
.t-front .entry ul.entry-meta { padding: 15px 20px; }

.t-front #header { border-bottom: 0; }
.t-front #header-inner { height: 460px; }

.t-front #header-inner #front-slider { background: #fff; position: relative; float: left; width: 100%; height: 460px; overflow: hidden; }
.t-front #header-inner #front-slider ul { width: 100%; float: left; height: 460px; z-index; 4; }
.t-front #header-inner #front-slider ul li { float: left; overflow: hidden; position: relative; display: inline; height: 460px; overflow: hidden; margin-right: 1px; }
.t-front #header-inner #front-slider ul li img { height: 460px; float: left; }
.t-front #header-inner #front-slider ul li a img {  }
.t-front ul li:hover a img { opacity: 0.9; }

.t-front #slide-next { background: #fff url(img/main-slide-controls.png) no-repeat 0 0; width: 40px; height: 40px; position: absolute; right: 0; top: 46%; cursor: pointer; z-index: 999; -moz-border-radius: 20px 0 0 20px; -webkit-border-radius: 20px 0 0 20px; border-radius: 20px 0 0 20px; }
.t-front #slide-next:hover { background-color: #00a0c6; background-position: 0 -40px; }
.t-front #slide-prev { background: #fff url(img/main-slide-controls.png) no-repeat -40px 0; width: 40px; height: 40px; position: absolute; left: 0; top: 46%; cursor: pointer; z-index: 999; -moz-border-radius: 0 20px 20px 0; -webkit-border-radius: 0 20px 20px 0; border-radius: 0 20px 20px 0; }
.t-front #slide-prev:hover { background-color: #00a0c6; background-position: -40px -40px; }

.t-front #introtext { background: #00a0c6 url(img/pattern.png) repeat; position: relative;
-moz-box-shadow: inset 5px 0 0 rgba(0,0,0,0.06), inset 1px 0 0 rgba(0,0,0,0.07);
-webkit-box-shadow: inset 5px 0 0 rgba(0,0,0,0.06), inset 1px 0 0 rgba(0,0,0,0.07);
box-shadow: inset 5px 0 0 rgba(0,0,0,0.06), inset 1px 0 0 rgba(0,0,0,0.07); }
.t-front #introtext .pike { background: url(img/pike.png) no-repeat 0 0; width: 30px; height: 15px; position: absolute; bottom: 0; right: 30px; }
.t-front #introtext-inner { padding: 20px 30px; }
.t-front #introtext-inner h1 { margin: 0; font-size: 52px; line-height: 65px; letter-spacing: -2px; display: block; color: #fff; text-shadow: 0 1px 0 rgba(0,0,0,0.2); }
.t-front #introtext-inner h2 { margin: 0; font-size: 26px; font-family: 'Droid Serif', serif; font-style: italic; font-weight: normal; line-height: 36px; letter-spacing: -0.5px; display: block; color: #fff; text-shadow: 0 1px 0 rgba(0,0,0,0.2); }
.t-front.normal #introtext-inner h1 a,
.t-front.normal #introtext-inner h2 a { color: #b1e5f2; }
.t-front.normal #introtext-inner h1 a:hover,
.t-front.normal #introtext-inner h2 a:hover { color: #fff; }
.t-front #subheader { border-bottom: 1px dashed #b5b6b8; position: relative; z-index: 6; }
.t-front #subheader-inner { padding: 30px 30px 10px 30px; }
.t-front #subheader-inner p { font-size: 18px; line-height: 28px; margin: 0 0 20px 0; font-family: 'Droid Serif', serif; font-style: italic; text-shadow: 0 1px 0 #fff; }
.t-front #subheader-inner #intro-links a.btn-huge,
.t-front #subheader-inner #intro-links a.btn-large,
.t-front #subheader-inner #intro-links a.btn-normal,
.t-front #subheader-inner #intro-links a.btn-small { margin: 0 6px 20px 0; }


/* ------------------------------------------------------------------------- *
 *  Template: Front Page (Alternate)
/* ------------------------------------------------------------------------- */
.t-front.alt #introtext { background: none; border-bottom: 1px dashed #b5b6b8; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.t-front.alt #introtext-inner { width: 687px; }
.t-front.alt #introtext h1 { color: #4c5357; text-shadow: 0 1px 0 #fff; }
.t-front.alt #introtext h2 { color: #697378; text-shadow: 0 1px 0 #fff; }
.t-front.alt #front-slider-alt { padding: 30px 0 0 30px; }
.t-front.alt #front-slider-alt #slides { background: #fff; width: 678px; height: 370px; padding: 5px; overflow: hidden; position: relative; box-shadow: 0 1px 1px rgba(0,0,0,0.1); -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1); }
.t-front.alt #front-slider-alt #slides .item { width: 678px; height: 370px; float: left; position: absolute; top: 5px; left: 5px; }
.t-front.alt #front-slider-alt #slides .item img { float: left; }
.t-front.alt #front-slider-alt #slides .item:hover a img { opacity: 0.9; }

.t-front.alt #front-slider-alt ul.pagination { position: absolute; z-index: 99; top: 20px; left: 20px; }
.t-front.alt #front-slider-alt ul.pagination li { float: left; margin: 0 5px 5px 0; display: inline;}
.t-front.alt #front-slider-alt ul.pagination li a { background: url(img/slider-pagination.png) no-repeat 0 0; display: block; width: 10px; height: 10px; text-indent: -999px; overflow: hidden; 
-moz-transition-property: none; -webkit-transition-property: none; transition-property: none; }
.t-front.alt #front-slider-alt ul.pagination li a:hover { background-position: 0 -10px; }
.t-front.alt #front-slider-alt ul.pagination li.current a { background-position: 0 -20px; }

.t-front.alt #content-pad { width: 703px; }
.t-front.alt #subheader-inner { width: 687px; }
.t-front.alt #subheader-inner p { text-align: center; margin-bottom: 30px; }
.t-front.alt #intro-links { text-align: center; background: url(img/footer-widgets.png) repeat-x top; padding: 10px 0; margin-bottom: 20px;
-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
.t-front.alt #intro-links a.btn-huge { margin-bottom: 0!important; }


/* ------------------------------------------------------------------------- *
 *  Template: Portfolio
/* ------------------------------------------------------------------------- */
.t-portfolio .description { font-family: 'Droid Serif', serif; font-style: italic; font-size: 18px; padding-bottom: 10px; }
.t-portfolio .description p { margin-bottom: 20px; }

.t-portfolio article { background: #fff; box-shadow: 0 1px 1px rgba(0,0,0,0.1); -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1); }
.t-portfolio article a {
-webkit-transition-property: background color; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease-out;
-moz-transition-property: background color; -moz-transition-duration: 0.3s; -moz-transition-timing-function: ease-out;
-o-transition-property: background color; -o-transition-duration: 0.3s; -o-transition-timing-function: ease-out; 
transition-property: background color; transition-duration: 0.3s; transition-timing-function: ease-out; }

.t-portfolio article ul.entry-meta { padding: 20px; }

.t-portfolio article .item-img { background: #fff; position: relative; overflow: hidden; display: block; }
.t-portfolio article .item-img { background: url(img/loading.gif) no-repeat center center; }
.t-portfolio article .item-img:hover { background-image: none; }

.t-portfolio article .item-img img { display: block; }
.t-portfolio article .item-img:hover img { opacity: 0.8; }
.t-portfolio article .item-img:active img { opacity: 0.9; }
.t-portfolio article .item-img a.item-title { display: block; bottom: -80px; background: rgba(27,30,33,0.75) url(img/glass-small.png) repeat-x 0 1px; color: #eee; text-shadow: 0 -1px 0 rgba(0,0,0,0.6); font-weight: bold; position: absolute; width: 100%;
-moz-box-shadow: inset 0 1px 0 rgba(0,0,0,0.15); -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.15); box-shadow: inset 0 1px 0 rgba(0,0,0,0.15); }
.t-portfolio article .item-img a.item-title:hover { -moz-transition-property: none; -webkit-transition-property: none; transition-property: none; }
.t-portfolio article .item-img a.item-title:active { background-color: rgba(27,30,33,0.85); }
.t-portfolio article .item-img a.item-title span { font-size: 16px; padding: 10px 20px; display: block; }
.t-portfolio article .item-img:hover a.item-title { bottom: 0; }

/* grid 1 fix */
.t-portfolio article.grid-1 .item-img a.item-title span { font-size: 12px; padding: 7px 10px; }
.t-portfolio article.grid-1 ul.entry-meta { padding: 15px 10px; }
/* grid 2 fix */
.t-portfolio article.grid-2 .item-img a.item-title span { font-size: 14px; padding: 10px 15px; }
.t-portfolio article.grid-2 ul.entry-meta { padding: 20px 15px; }

/* disabled portfolio hover icon */
.t-portfolio article .item-img:hover span.icon { display: none; /*change to display: block to enable */ background: url(img/icon-hover.png) no-repeat 0 0; width: 40px; height: 40px; left: 48%; top: 48%; position: absolute; top: 44%; }
.t-portfolio article .item-img:active span.icon { opacity: 0.9; }
.t-portfolio article.grid-0 .item-img:hover span.icon { left: 52px; top: 40%; }
.t-portfolio article.grid-1 .item-img:hover span.icon { left: 52px; top: 40%; }
.t-portfolio article.grid-2 .item-img:hover span.icon { left: 81px; }
.t-portfolio article.grid-3 .item-img:hover span.icon { left: 140px; }
.t-portfolio article.grid-4 .item-img:hover span.icon { left: 315px; }

/* ---- portfolio single ---- */
.t-portfolio.single .item-img:hover img { opacity: 1; }

.t-portfolio.single.style-1 #page-heading { padding: 0 0 10px 0; }
.t-portfolio.single.style-1 #page-description { padding: 0; padding-bottom: 10px; }

.t-portfolio.single.style-2 #page-heading { padding: 0 0 10px 0; }
.t-portfolio.single.style-2 #page-description { padding: 0; margin-top: 30px; }
.t-portfolio.single.style-2 article.item { margin-top: 10px; }

.t-portfolio.single.style-3 #page-heading { padding-bottom: 0; }
.t-portfolio.single.style-3 #page-description { padding: 0; margin-top: 30px; }

.t-portfolio.single.style-3.video #page-heading { padding: 0; margin-top: 30px; }
.t-portfolio.single.style-3.video #page-description { padding: 0; margin-top: 20px; }

.t-portfolio.single.style-3 .item { margin-bottom: 20px; }
.t-portfolio.single.style-3 .item-img { }
.t-portfolio.single.style-3 .item-img  img{ width: 100%; height: 100%; }

.t-portfolio.single .slider-gallery ul.pagination { position: absolute; top: 15px; left: 15px; z-index: 10; }
.t-portfolio.single .slider-gallery ul.pagination li { float: left; margin: 0 5px 5px 0; display: inline;}
.t-portfolio.single .slider-gallery ul.pagination li a { background: url(img/slider-pagination.png) no-repeat 0 0; display: block; width: 10px; height: 10px; text-indent: -999px; overflow: hidden; 
-moz-transition-property: none; -webkit-transition-property: none; transition-property: none; }
.t-portfolio.single .slider-gallery ul.pagination li a:hover { background-position: 0 -10px; }
.t-portfolio.single .slider-gallery ul.pagination li.current a { background-position: 0 -20px; }

.t-portfolio.single .slider-gallery #slide-next { display: none; }
.t-portfolio.single .slider-gallery:hover #slide-next { display: block; background: #fff url(img/main-slide-controls.png) no-repeat 0 0; width: 40px; height: 40px; position: absolute; right: 0; top: 46%; cursor: pointer; z-index: 999; -moz-border-radius: 20px 0 0 20px; -webkit-border-radius: 20px 0 0 20px; border-radius: 20px 0 0 20px; }
.t-portfolio.single .slider-gallery:hover #slide-next:hover { background-color: #00a0c6; background-position: 0 -40px; }
.t-portfolio.single .slider-gallery #slide-prev { display: none;  }
.t-portfolio.single .slider-gallery:hover #slide-prev { display: block; background: #fff url(img/main-slide-controls.png) no-repeat -40px 0; width: 40px; height: 40px; position: absolute; left: 0; top: 46%; cursor: pointer; z-index: 999; -moz-border-radius: 0 20px 20px 0; -webkit-border-radius: 0 20px 20px 0; border-radius: 0 20px 20px 0; }
.t-portfolio.single .slider-gallery:hover #slide-prev:hover { background-color: #00a0c6; background-position: -40px -40px; }


/* ------------------------------------------------------------------------- *
 *  Page Template: Default
/* ------------------------------------------------------------------------- */
.t-page { padding-top: 0px; }
.t-page .entry { margin-bottom: 30px; }
.t-page .entry-title { font-size: 26px; line-height: 30px; letter-spacing: -0.7px; padding: 25px 30px 15px; }
.t-page .entry .text { padding: 0 30px; }

.t-page ul.pages { width: 145px; float: right; margin-right: -30px;  }
.t-page ul.pages li a { font-size: 14px; color: #4c5357; font-weight: bold; border-bottom: 1px dashed #cfd2d7; display: block; padding: 0 0 10px 0; }

/* show only current page items */
.t-page ul.pages li { display: none; }
.t-page ul.pages li.current_page_item, .t-page ul.pages li.current_page_parent, .t-page ul.pages li.current_page_ancestor,
.t-page ul.pages li.current-menu-item, .t-page ul.pages li.current-menu-parent, .t-page ul.pages li.current-menu-ancestor { display: block; }
.t-page ul.pages li.current_page_item ul li, .t-page ul.pages li.current_page_parent ul li, .t-page ul.pages li.current_page_ancestor ul li,
.t-page ul.pages li.current-menu-item ul li, .t-page ul.pages li.current-menu-parent ul li, .t-page ul.pages li.current-menu-ancestor ul li { display: block; }
.t-page ul.pages li.current_page_item ul li li, .t-page ul.pages li.current_page_parent ul li li, .t-page ul.pages li.current_page_ancestor ul li li,
.t-page ul.pages li.current-menu-item ul li li, .t-page ul.pages li.current-menu-parent ul li li, .t-page ul.pages li.current-menu-ancestor ul li li { display: none; }
.t-page ul.pages li ul li.current_page_item li, .t-page ul.pages li ul li.current_page_parent li, .t-page ul.pages li ul li.current_page_ancestor li,
.t-page ul.pages li ul li.current-menu-item li, .t-page ul.pages li ul li.current-menu-parent li, .t-page ul.pages li ul li.current-menu-ancestor li { display: block; }

.t-page ul.pages li li.current_page_item a, .t-page ul.pages li li.current-menu-item a { color: #00a0c6; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px }
.t-page ul.pages li.current_page_item li a, .t-page ul.pages li.current-menu-item li a { background: none; color: #8d979c; }

.t-page ul.pages li li li.current_page_item a, .t-page ul.pages li li li.current-menu-item a { background: #edeef0; color: #00a0c6; border-radius: 10px 0 0 10px; -moz-border-radius: 10px 0 0 10px; -webkit-border-radius: 10px 0 0 10px; }
.t-page ul.pages li li.current_page_item li a:hover, .t-page ul.pages li li.current-menu-item li a:hover { background: #edeef0; color: #4c5357; border-radius: 10px 0 0 10px; -moz-border-radius: 10px 0 0 10px; -webkit-border-radius: 10px 0 0 10px; }

/* 2-depth */
.t-page ul.pages li ul { margin: 0; }
.t-page ul.pages li ul li { padding: 3px 0; border-bottom: 1px dashed #cfd2d7; }
.t-page ul.pages li ul li:last-child { padding-bottom: 6px; border-bottom: 0; }
.t-page ul.pages li ul li a { font-size: 13px; font-weight: normal; border-bottom: 0; color: #8d979c; display: block; padding: 6px 10px 6px 0; }
.t-page ul.pages li ul li a:hover { color: #4c5357; }

/* 3-depth */
.t-page ul.pages li ul li ul { margin: 0; }
.t-page ul.pages li ul li ul li { padding: 0; border: 0; }
.t-page ul.pages li ul li ul li a { font-size: 11px; padding: 3px 10px; }


/* ------------------------------------------------------------------------- *
 *  Page Template: Widget Sidebar Inside
/* ------------------------------------------------------------------------- */ 
.t-page.widgets-inside ul.widgets { width: 160px; float: right; margin-right: 30px; }
.t-page.widgets-inside .text.textwidth { width: 436px; float: left; }


/* ------------------------------------------------------------------------- *
 *  Page Template: Widget Sidebar Outside
/* ------------------------------------------------------------------------- */ 
.t-page.widgets-outside ul.widgets { margin-left: 10px; }

 
/* ------------------------------------------------------------------------- *
 *  Page Template: No Box
/* ------------------------------------------------------------------------- */ 
.t-page.nobox .entry { background: none; border: 0; padding: 0; margin: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; }
.t-page.nobox .entry-title { padding: 0 0 20px 0; }
.t-page.nobox .entry .text { padding: 0 0 20px 0; }


/* ------------------------------------------------------------------------- *
 *  Blog Index
/* ------------------------------------------------------------------------- */
.t-blog .entry {  background: #fff; overflow: hidden; float: left; position: relative; box-shadow: 0 1px 1px rgba(0,0,0,0.1); -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1); }
.page .entry  { padding-bottom: 30px;  }
.page-template-template-portfolio-php .entry { padding-bottom: 0; }

/* ---- entry header ---- */
.entry header { position: relative; }
.entry-title { font-size: 16px; padding: 20px 20px 15px; }

.entry.sticky .sticky-icon { background: url(img/sticky.png) no-repeat 0 0; width: 25px; height: 25px; position: absolute; z-index: 12; right: 0; top: 0; }

/* ---- entry content ---- */
.entry .text { font-size: 100%; }
.post.entry .text { padding: 0 20px; }
.entry .text a.more-link { color: #4c5357; display: none; /*remove to see read more links*/ }

/* ---- entry meta ---- */
.entry-meta { padding: 20px; }
.t-blog .entry-meta,
.t-front .entry-meta { border-top: 1px dashed #cfd2d7; }
.entry-meta li { float: left; color: #8d979c; font-size: 11px; margin-right: 10px; line-height: 14px; }
.entry-meta li a { float: left; color: #8d979c; }
.entry-meta li a:hover { color: #697378; }
.entry-meta li a i.icon { background: url(img/icons-14.png) no-repeat 0 0; display: block; float: left; width: 14px; height: 14px; margin-right: 4px; }
.entry-meta li.published a i.icon { background-position: 0 0; }
.entry-meta li.published a:hover i.icon { background-position: -14px 0; }
.entry-meta li.comment-count a i.icon { background-position: 0 -14px; }
.entry-meta li.comment-count a:hover i.icon { background-position: -14px -14px; }
.entry-meta li.like-count a i.icon { background-position: 0 -28px; margin-right: 3px; }
.entry-meta li.like-count a:hover i.icon { background-position: -14px -28px; }
.entry-meta li.like-count a.active { color: #ff3716; }
.entry-meta li.like-count a.active i.icon { background-position: -28px -28px; }
.entry-meta li.author a i.icon { background-position: 0 -42px; }
.entry-meta li.author a:hover i.icon { background-position: -14px -42px; }
.entry-meta li.edit a i.icon { background-position: 0 -56px; margin-right: 3px; }
.entry-meta li.edit a:hover i.icon { background-position: -14px -56px; }
.entry-meta li.time a i.icon { background-position: 0 -70px; }
.entry-meta li.time a:hover i.icon { background-position: -14px -70px; }
.entry-meta li.category a i.icon { background-position: 0 -84px; }
.entry-meta li.category a:hover i.icon { background-position: -14px -84px; }

.entry-meta li i.icon { background: url(img/icons-14.png) no-repeat -14px 0; display: block; float: left; width: 14px; height: 14px; margin-right: 4px; }
.entry-meta li.author i.icon { background-position: 0 -42px; }
.entry-meta li.time i.icon { background-position: -14px -70px; }
.entry-meta li.category i.icon { background-position: -14px -84px; }
.entry-meta li.category:hover i.icon { background-position: -14px -84px; }

.entry-meta li.category .nofloat a { float: none; }

.entry-meta li.comment-count,
.entry-meta li.edit { float: right; }
.entry-meta li.like-count { float: right; margin: 0; }


/* ------------------------------------------------------------------------- *
 *  Blog Single
/* ------------------------------------------------------------------------- */
.t-blog.single .entry { width: 688px; margin-bottom: 30px; }
.t-blog.single .entry-title { font-size: 32px; padding: 25px 30px 15px; line-height: 36px; letter-spacing: -1.0px; }   
.t-blog.single .entry .text { padding: 0 30px; }
.t-blog.single .entry-meta { padding: 20px 30px; }

.t-blog.single .entry-format.gallery { height: auto; }  
.t-blog.single .format-status .text,
.t-blog.single .format-quote .text,
.t-blog.single .format-status .text,
.t-blog.single .format-link .text { padding-top: 25px; }
.t-blog.single .entry-format.quote { padding-top: 30px; }
.t-blog.single .format-quote .entry-format.quote blockquote,
.t-blog.single .format-status .text p { font-size: 26px; line-height: 1.2em; }
.t-blog.single .format-link .entry-format.link a  { font-size: 26px; background-position: 0 6px; }

/* ---- author block ---- */
.t-blog.single .author-image { width: 160px; height: 160px; padding: 20px; position: relative; }
.t-blog.single .author-image .circle { background: url(img/circle.png) no-repeat 0 0; position: absolute; top: 0; left: 0; width: 200px; height: 200px; }
.t-blog.single p.by { margin-top: 10px; text-align: center; font-family: 'Droid Serif', serif; font-style: italic; margin-bottom: 4px; }
.t-blog.single p.author { text-align: center; font-weight: bold; font-size: 16px; color: #4c5357; }

/* ---- entry tags ---- */
.entry .tags { padding: 0 30px 20px; font-size: 11px; line-height: 19px; }
.entry .tags span { font-weight: bold; margin: 0 3px 3px 0; display: block; float: left; }
.entry .tags a { padding: 0 7px; background: #edeef0; color: #8d979c; margin: 0 3px 3px 0; display: block; float: left; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.entry .tags a:hover { background: #00a0c6; color: #fff; }

/* ---- entry page links ---- */
.entry-page-links { font-weight: bold; font-size: 16px; margin-bottom: 20px; }

/* ---- entry post navigation ---- */
.entry-nav { margin: 0 0 30px 0; padding-bottom: 2px; }
.entry-nav ul { margin: 0 30px; }
.entry-nav p { padding: 0 30px; }
.entry-nav a { font-size: 18px; font-weight: bold;  }
.entry-nav a#entry-load-more-link,
.entry-nav a#blog-load-more-link { background: #fff; font-size: 14px; text-align: center; line-height: 19px; padding: 9px 0; display: block;
-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1); box-shadow: 0 1px 1px rgba(0,0,0,0.1); }
.entry-nav a#entry-load-more-link:hover { background-position: 0 -10px; -moz-transition-property: none; -webkit-transition-property: none; transition-property: none; }
.entry-nav a#entry-load-more-link:active  { background-position: 0 0; }


/* ------------------------------------------------------------------------- *
 *  Tumblog Formats
/* ------------------------------------------------------------------------- */

/* ---- standard ---- */
.entry-format { z-index: 1; }

/* ---- image ---- */
.entry-format.image {  }
.entry-format.image img { display: block; margin: 0 auto; }
.entry-format.image a:hover img { opacity: 0.9; }

/* ---- video ---- */
.entry-format.video { background: #000; }
.entry-format.video iframe { display: block; }

/* ---- audio ---- */
.entry-format.audio {  }

/* jplayer */
div.jp-audio { font-size: 1em; font-family: Arial, sans-serif; color: #fff; line-height: 1.6; width: 333px; }

div.jp-interface { height: 30px; position: relative; width: 333px; background: #4c5357 url(img/jplayer.png) 0 -210px; }
div.jp-interface a { -webkit-transition-property:none; -moz-transition-property:none; -o-transition-property:none; transition-property:none; }

div.jp-interface ul.jp-controls { list-style-type: none; padding: 0; margin: 0; }
div.jp-interface ul.jp-controls li { display: inline; }
div.jp-interface ul.jp-controls a { position: absolute; overflow: hidden; text-indent: -9999px; }

a.jp-play, a.jp-pause { width: 33px; height: 30px; z-index: 1; outline: none; }
a.jp-play, a.jp-pause { top: 0; left: 0; border-right: 1px solid #22262a; }
a.jp-play { background: url(img/jplayer.png) 0 0 no-repeat; }
a.jp-play:hover { background: url(img/jplayer.png) -33px 0 no-repeat; }
a.jp-pause { background: url(img/jplayer.png) 0 -30px no-repeat; display: none; }
a.jp-pause:hover { background: url(img/jplayer.png) -33px -30px no-repeat; }

div.jp-progress-container { position: absolute; top: 0;left: 34px; width: 198px; height: 6px; padding: 12px 10px; border-left: 1px solid #3b3f45; }
div.jp-progress { position: absolute; overflow:hidden; }
div.jp-progress { background: url(img/jplayer.png) 0 -192px repeat-x ; width: 196px; height: 7px; padding: 1px; }

div.jp-seek-bar { width: 0px; height: 5px; cursor: pointer; background: url(img/jplayer.png) 0 -163px repeat-x; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; }
div.jp-play-bar { width: 0px; height: 5px; background: url(img/jplayer.png) 0 -133px repeat-x ; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; }

div.jp-volume-bar-container { position: absolute; top: 0; left: 254px; width: 40px; height: 6px; padding: 12px 10px; border-left: 1px solid #22262a; }
div.jp-volume-bar { background: url(img/jplayer.png) 0 -192px repeat-x; position: relative; overflow: hidden; width: 40px; height: 9px; cursor: pointer; }
div.jp-volume-bar { top: 0; left: 20px; }
div.jp-volume-bar-value { background: url(img/jplayer.png) 0 -133px repeat-x; width: 0px; height: 5px; margin: 1px; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; }

a.jp-mute, a.jp-unmute { width: 17px; height: 13px; z-index: 1; outline: none; }
a.jp-mute, a.jp-unmute { top: 9px; left: 263px; }
a.jp-mute { background: url(img/jplayer.png) -10px -68px no-repeat; }
a.jp-mute:hover { background: url(img/jplayer.png) -43px -68px no-repeat; }
a.jp-unmute { background: url(img/jplayer.png) -10px -98px no-repeat; display: none; }
a.jp-unmute:hover { background: url(img/jplayer.png) -43px -98px no-repeat; }
div.jp-jplayer { width:0px; height:0px; }
div.jp-jplayer { background-color: #000000; }

/* jplayer wide */
.t-blog.single div.jp-audio { width: 688px; }
.t-blog.single div.jp-interface { width: 688px; }
.t-blog.single div.jp-progress-container { width: 553px; }
.t-blog.single div.jp-progress { width: 551px; }
.t-blog.single div.jp-volume-bar-container { left: 609px; }
.t-blog.single a.jp-mute, 
.t-blog.single a.jp-unmute { left: 618px; }

/* ---- quote ---- */
.entry-format.quote { background: #00a0c6 url(img/pattern.png) repeat; padding: 20px 20px 10px; color: #fff; }
.entry-format.quote a { color: #b1e5f2; }
.entry-format.quote a:hover { color: #fff; }
.entry-format.quote p { margin-bottom: 1em; }
.entry-format.quote p.quote-author { }
.entry-format.quote blockquote { background: url(img/icon-16-quote.png) no-repeat 0 3px; padding-left: 24px; font-size: 18px; line-height: 24px; }
.entry.format-quote .entry-title { display: none; }
.entry.format-quote .text { padding-top: 20px; }

/* ---- link ---- */
.entry-format.link { background: #00a0c6 url(img/pattern.png) repeat; padding: 20px; }
.entry-format.link a { background: url(img/icon-16-link.png) no-repeat 0 3px; padding-left: 24px; color: #fff; font-size: 18px; }
.entry-format.link a:hover { color: #b1e5f2; }

.entry.format-link .entry-title { display: none; }
.entry.format-link .text { padding-top: 20px; }

/* ---- chat ---- */
.entry.format-chat .text { font-family: Consolas, "Andale Mono", Monaco, Courier, "Courier New", Verdana, sans-serif; }

/* ---- status ---- */
.entry.format-status .entry-title { display: none; }
.entry.format-status .text { padding-top: 20px; }
.entry.format-status .text p { font-size: 18px; line-height: 24px; margin-bottom: 1em; }

/* ---- aside ---- */
.entry.format-aside .text { padding-top: 20px; }
.entry.format-aside .entry-title { display: none; }
.entry.format-aside .format-icon { top: 24px; }
.single .entry.format-aside { padding-top: 30px; }

/* ---- gallery ---- */
.entry-format.gallery { height: 250px; overflow: hidden; }
.entry-format.gallery .slider-gallery { position: relative; }
.entry-format.gallery .slider-gallery .slides_container {  }
.entry-format.gallery .slider-gallery .slides_container div { display: block; }
.entry-format.gallery .slider-gallery div { position: absolute; }
.entry-format.gallery .slider-gallery img { display: block; margin: 0 auto; }

.entry-format.gallery .slider-gallery ul.pagination { position: absolute; top: 15px; left: 15px; z-index: 10; }
.entry-format.gallery .slider-gallery ul.pagination li { float: left; margin: 0 5px 5px 0; display: inline;}
.entry-format.gallery .slider-gallery ul.pagination li a { background: url(img/slider-pagination.png) no-repeat 0 0; display: block; width: 10px; height: 10px; text-indent: -999px; overflow: hidden; 
-moz-transition-property: none; -webkit-transition-property: none; transition-property: none; }
.entry-format.gallery .slider-gallery ul.pagination li a:hover { background-position: 0 -10px; }
.entry-format.gallery .slider-gallery ul.pagination li.current a { background-position: 0 -20px; }


/* ------------------------------------------------------------------------- *
 *  Shortcodes
/* ------------------------------------------------------------------------- */

/* shortcodes - columns */
.one-half, .one-third, .two-third, .three-fourth, .one-fourth { float: left; position: relative; }
.one-half { width: 49%; margin-right: 2%; }
.one-third { width: 32%; margin-right: 2%; }
.two-third { width: 66%; margin-right: 2%; }
.one-fourth { width: 23.5%; margin-right: 2%; }
.three-fourth { width: 74.5%; margin-right: 4%; }
.last { margin-right: 0!important; }
.divider { display: block; width: 100%; clear: both; }

/* shortcodes - buttons */
.btn-a { font-size: 12px; font-weight: bold; background: #f3f3f3; color: #4c5357; border: 1px solid #cfd2d7; padding: 5px 8px; display: inline-block; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
a.btn-a:hover { background: #00a0c6 url(img/pattern.png) repeat; border-color: #00a0c6; border-bottom-color: #0081a0; border-right-color: #0081a0; color: #fff; box-shadow: inset 1px 1px 0 rgba(255,255,255,0); }

/* shortcodes - alerts */
.alert { font-family: 'Droid Serif', serif; font-style: italic; padding: 10px 20px; margin: 0 0 20px 0; text-align: center; border-top: 1px solid; border-bottom: 1px solid; }
.alert a { color: #4c5357; }
.alert a:hover { text-decoration: underline; }  
.alert.white { background: #fff; border-color: #dbdde2; }
.alert.green { background: #ccf4e1; border-color: #90efbb; }
.alert.blue { background: #ccecf4; border-color: #90ddef; }
.alert.red { background: #f4cccc; border-color: #ef9090; }
.alert.yellow  { background: #fff5af; border-color: #ecd852; }

/* shortcodes - dropcap */
.dropcap { display: block; float: left; font-size: 72px; font-weight: bold; line-height: 72px; margin: 0 10px 0 0}

/* shortcodes - pullquotes */
.pullquote-left	{ border-left: 6px solid #edeef0; float: left; margin: 24px 20px 24px 0; padding: 0 0 0 20px; font-size: 16px; font-weight: bold; line-height: 24px; width: 40%; }
.pullquote-right { border-right: 6px solid #edeef0; float: right; margin: 24px 0 24px 20px; padding: 0 20px 0 0; font-size: 16px; font-weight: bold; line-height: 24px; width: 40%; }

/* shortcodes - highlights */
.highlight-1 { background: #fff5af; color: #4c5357; }
.highlight-2 { border-bottom: 1px dotted #4c5357; color: #4c5357; }

/* shortcodes - divider toplink */
.sc-divider	{ border-top: 1px dashed #dbdde2; display: block; width: 96%; height: 23px; clear: both; position: relative; }
.text .top a { color: #8d979c; position: absolute; top: -8px; right: -4%; font-size: 10px; font-weight: bold; text-transform: uppercase; text-decoration: none; padding: 0 0 0 5px; }
.text .top a:hover { color: #00a0c6; }

/* shortcodes - tabs */
.sc-tabs { width: 100%; margin-bottom: 20px;}
.sc-tabs .ui-tabs-hide { display: none!important; }
ul.sc-tabs-header { margin: 0; padding: 0; width: 100%; }
ul.sc-tabs-header li { list-style: none; }
ul.sc-tabs-header li a { color: #8d979c; display: inline-block; float: left; padding: 7px 10px 7px 10px; margin: 0 2px 0 0; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; }
ul.sc-tabs-header li a:hover { color: #4c5357; cursor: pointer; }
ul.sc-tabs-header li.ui-state-active a { color:#697378; background: #edeef0; color: #697378;  }

.sc-tabs-body { width: 100%; }
.sc-tab-single-box { background: #edeef0; float: left; width: 92%; padding: 4%; }

/* shortcodes - toggle */
.toggle-box { background: #edeef0; margin-bottom: 20px; padding: 12px 20px; }
h4.toggle-title { font-size: 14px; font-weight: normal; background: url(img/shortcodes/sc-icon-toggle.png) no-repeat -28px 5px; padding: 0 0 0 20px; margin: 0; cursor: pointer; }
h4.toggle-title a { color: #697378; }
h4.toggle-title a:hover { color: #4c5357; }
h4.toggle-title-active { background: url(img/shortcodes/sc-icon-toggle.png) no-repeat 1px -54px; }
.toggle-inner { margin-top: 10px; display: none; }

/* nobox fix */
.nobox ul.sc-tabs-header li.ui-state-active a,
.nobox .sc-tab-single-box,
.nobox .toggle-box { background: #fff; }



/* ------------------------------------------------------------------------- *
 *  Comments
/* ------------------------------------------------------------------------- */
#entry-comments { float: left; width: 688px; }
#comments { width: 100%; }
#comments-title { font-family: 'Droid Serif', serif; font-style: italic; font-weight: normal; color: #4c5357; letter-spacing: -0.7px; font-size: 26px; line-height: 32px; margin: 10px 0 20px; }
#comments-title a { color: #4c5357; }
#comments-title span { color: #8d979c; padding-left: 10px; font-size: 18px; letter-spacing: 0; font-weight: normal; }

/* ---- comments : base ---- */
ol.commentlist li.comment .comment-body,
ol.commentlist li.trackback .comment-body  { background: #fff; clear: both; overflow: auto; padding: 20px 90px 20px 20px; margin: 0 0 10px 0; position: relative; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
ol.commentlist li.comment .comment-body .comment-author { float: left; margin-bottom: 6px; }
ol.commentlist li.comment .comment-body cite.fn,
ol.commentlist li.trackback .comment-body cite.fn { color: #4c5357; font-weight: bold; font-size: 16px; font-style: normal; line-height: 22px; }
ol.commentlist li.comment .comment-body cite.fn a,
ol.commentlist li.trackback .comment-body cite.fn a {  }
ol.commentlist li.comment .comment-body span.says,
ol.commentlist li.trackback .comment-body span.says { display: none; }
ol.commentlist li.comment .comment-body em.comment-awaiting-moderation,
ol.commentlist li.trackback .comment-body em.comment-awaiting-moderation { font-size: 12px; margin-left: 10px; color: #00a0c6; font-style: normal; }
ol.commentlist li.comment .comment-body img.avatar { position: absolute; right: 20px; top: 20px; width: 50px; height: 50px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

ol.commentlist li.comment .comment-body .comment-meta,
ol.commentlist li.trackback .comment-body .comment-meta { float: left; margin-bottom: 6px; margin-left: 10px; font-size: 12px; line-height: 24px; }
ol.commentlist li.comment .comment-body .comment-meta a,
ol.commentlist li.trackback .comment-body .comment-meta a  { color: #8d979c; }
ol.commentlist li.comment .comment-body .comment-meta a.comment-edit-link,
ol.commentlist li.trackback .comment-body .comment-meta a.comment-edit-link { text-decoration: none; }
ol.commentlist li.comment .comment-body .comment-meta a.comment-edit-link:hover,
ol.commentlist li.trackback .comment-body .comment-meta a.comment-edit-link:hover { color: #4c5357; }
ol.commentlist li.comment .comment-body p,
ol.commentlist li.trackback .comment-body p { font-family: 'Droid Serif', serif; font-style: italic; margin-bottom: 1em; color: #8d979c; clear: both; line-height: 1.5em; }

ol.commentlist li.comment .comment-body .reply { position: absolute; bottom: 0; left: 0; }
ol.commentlist li.trackback .comment-body .reply { display: none; }
ol.commentlist li.comment .comment-body .reply a { background: #f9f9f9; display: block; font-size: 11px; line-height: 22px; padding: 0 8px; }
ol.commentlist li.comment .comment-body .reply a:hover { }

ol.commentlist li.comment.bypostauthor .comment-body { background-image: url(img/postauthor.png); background-repeat: no-repeat; background-position: top right; }
ol.commentlist li.comment.bypostauthor li .comment-body { background-image: none; }
ol.commentlist li.comment.bypostauthor ul.children li.bypostauthor .comment-body { background-image: url(img/postauthor.png); }

/* trackback difference */
ol.commentlist li.trackback .comment-body { padding: 20px; }
ol.commentlist li.trackback .comment-body .comment-meta { margin-left: 0; }
ol.commentlist li.trackback .comment-body p { margin: 0;  }

/* ---- comments : nesting ---- */
ol.commentlist li.comment ul.children { margin: 0 0 10px 0;  }
ol.commentlist li.comment ul.children li.comment { border-left: 1px solid #fff; padding: 0 0 10px 30px; }
ol.commentlist li.comment ul.children li .comment-body { margin: 0; padding: 15px 15px 10px 70px; }
ol.commentlist li.comment ul.children li .comment-body cite.fn { font-size: 14px; }
ol.commentlist li.comment ul.children li .comment-body img.avatar { width: 40px; height: 40px; left: 15px; top: 15px; }
ol.commentlist li.comment ul.children ul.children { margin: 10px 0 0 0; }
ol.commentlist li:last-child,
ol.commentlist li li:last-child,
ol.commentlist li li li:last-child,
ol.commentlist li li li li:last-child { padding-bottom: 0!important; }

/* ---- comments : nav ---- */
#comments .navigation { margin: 10px 20px 10px 20px; padding: 10px; border: 1px dotted #ccc; }
#comments .navigation a { font-weight: bold; font-size: 14px; color: #00a0c6; }
#comments .navigation a:hover { color: #4c5357; }
#comments .navigation .nav-previous { float: left; }
#comments .navigation .nav-next { float: right;  }

/* ---- comments : form ---- */
#respond { background: #fff; padding: 10px 15px 15px; margin: 0 0 10px 0; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
#respond textarea, #respond input[type="text"] { background: #f1f2f4; }
#respond #form-wrap { background: #fff; border: 1px solid #ccc; margin: 20px 25px 25px 25px; padding: 15px; -moz-box-shadow: 0 0 6px rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.1); box-shadow: 0 0 6px rgba(0,0,0,0.1); }
#respond #cancel-comment-reply-link { color: #4c5357; display: none; }
#respond .allowed-tags { font-size: 11px; background: #ffffaa; width: 100%; margin-top: 10px; border-right: 1px solid #e1e151; border-bottom: 1px solid #e1e151; border-left: 1px solid #ffffaa; border-top: 1px solid #ffffaa; }
#respond .allowed-tags span { font-weight: bold; }
#respond .allowed-tags p { padding: 5px; }
#comment-tags span { color: #4c5357; font-style: italic; }
#respond li.buttons { padding-top: 0; padding-bottom: 0; }

/* reply */
li.comment #respond { margin-left: 30px; }
li.comment li #respond { margin: 10px 0 0 30px; }
li.comment #respond header { position: relative; border: 0; margin: 0; padding-bottom: 0; }
li.comment #respond header h4,
li.comment #respond header div { display: none; }
li.comment #respond header #cancel-comment-reply-link { display: block; position: absolute; top: 0; right: 5px; z-index: 2; padding: 10px 0 0 0; background: none; font-size: 11px; font-weight: normal; }


/* ------------------------------------------------------------------------- *
 *  Front Widgets
/* ------------------------------------------------------------------------- */
.widget-alt.front .widget-title { font-size: 20px; } 


/* ------------------------------------------------------------------------- *
 *  Footer Widgets & Alt Styling
/* ------------------------------------------------------------------------- */
.widget-alt .widget-title { font-size: 16px; margin: 0; letter-spacing: 0; }
.widget-alt .widget { font-size: 14px; line-height: 20px; border-bottom: 0; margin: 0; padding-bottom: 10px; }
.widget-alt .widget-title a img { margin-top: 4px; }

/* ---- default widget: calendar ---- */
.widget-alt .widget_calendar #calendar_wrap { width: 217px; }
.widget-alt .widget_calendar th, .widget-alt li.widget_calendar #wp-calendar td { padding: 5px 7px; }

/* ---- default widget: recent comments ---- */
.widget-alt .widget_recent_comments ul li { font-weight: normal; padding: 2px 0; }

/* ---- default widget: rss ---- */
.widget-alt .widget_rss ul li .rssSummary { font-size: 12px; }
.widget-alt .widget_rss ul li span.rss-date { font-weight: normal; font-size: 12px; }

/* ---- default widget: search ---- */
.widget-alt .widget_search input#s { background-position: 197px 7px; width: 182px; }
.widget-alt .widget_search input#s:focus { background-position: 197px -23px; }

/* ---- wpbandit widget: flickr ---- */
.widget-alt .widget_bandit_flickr img { border-color: #fff; height: 50px; width: 50px; }
.widget-alt .widget_bandit_flickr #flickr_badge_image3, 
.widget-alt .widget_bandit_flickr #flickr_badge_image6, 
.widget-alt .widget_bandit_flickr #flickr_badge_image9, 
.widget-alt .widget_bandit_flickr #flickr_badge_image12 { margin-right: 5px; }

/* ---- wpbandit widget: tabs ---- */
.widget-alt .widget_bandit_tabs .bandit_tab ul li { padding: 4px 0; }
.widget-alt .widget_bandit_tabs .bandit_tab ul li a,
.widget-alt .widget_bandit_tabs .bandit_tab_comments .comment_wrap a span { font-weight: normal; }
.widget-alt .widget_bandit_tabs .bandit_tab ul li p.tab-entry-date { font-size: 12px; line-height: 16px; }
.widget-alt .widget_bandit_tabs .bandit_tab_comments { position: relative; }
.widget-alt .widget_bandit_tabs .bandit_tab_comments .avatar { position: absolute; }
.widget-alt .widget_bandit_tabs .bandit_tab_comments .comment_wrap { width: auto; margin-left: 50px; min-height: 38px; }
.widget-alt .widget_bandit_tabs ul.tab-links li a { background-color: #fff; width: auto; }
.widget-alt .widget_bandit_tabs #bandit-tab2 { margin-right: 4px; }


/* ------------------------------------------------------------------------- *
 *  Sidebar
/* ------------------------------------------------------------------------- */

/* ---- default widget ---- */
.widget { font-size: 12px; margin: 0 0 30px 0; padding-bottom: 30px; color: #8d979c; clear: both; border-bottom: 1px dashed #dbdde2; }
.widget a { color: #8d979c; }
.widget a:hover { color: #00a0c6; }
.widget-title { font-size: 14px; color: #4c5357; padding-bottom: 10px; }
.widget-title a { color: #4c5357; }
.widget-title a img { display: block; float: left; margin-right: 7px; margin-top: 2px;  }

/* ---- default widget : archives ---- */
.widget_archive ul li { color: #00a0c6; padding: 2px 0; }

/* ---- default widget : calendar ---- */
.widget_calendar #calendar_wrap { background: #edeef0; clear:both; width: 155px; margin: 0; padding: 10px 0 0 0; height: 230px; display: block; }
.widget_calendar caption { background: #fff; color:#00a0c6; font-weight: bold; margin:0 0 10px 0; padding: 7px 10px 7px 10px; text-transform: uppercase; }
.widget_calendar th { color:#4c5357; font-weight:bold; }
.widget_calendar th, li.widget_calendar #wp-calendar td { padding: 4px 3px 4px 4px; text-align:center; border: 1px solid #fff; }
.widget_calendar a td { display: block; }
.widget_calendar td a { color: #fff; font-weight: bold; text-decoration: underline; }
.widget_calendar td a:hover { text-decoration: none; }
.widget_calendar td#next a { color: #4c5357; text-decoration: none; text-transform: uppercase; font-weight: bold; font-size: 11px; display:block; }
.widget_calendar td#next { border:0!important; padding:0!important; }
.widget_calendar td#prev a { color:#4c5357; text-decoration: none; text-transform:uppercase; font-weight:bold; font-size:11px; display:block; }
.widget_calendar td#prev { border:0!important; padding:0!important; }
.widget_calendar tfoot td.pad { background: #fff; border:0!important; background: transparent;}

/* ---- default widget: links ---- */
.widget_links ul li { padding: 2px 0; }

/* ---- default widget: pages ---- */
.widget_pages ul li { padding: 2px 0; }
.widget_pages li li a { padding-left: 15px; }
.widget_pages li li li a { padding-left: 30px; }

/* ---- default widget: nav menu ---- */
.widget_nav_menu li { display: block; }
.widget_nav_menu li a { padding: 2px 0; display: block; font-size: 14px; font-weight: bold; }
.widget_nav_menu li li a { padding-left: 0; font-size: 12px; font-weight: normal; }
.widget_nav_menu li li li a { padding-left: 15px; }
.widget_nav_menu li.current-menu-item a { color: #00a0c6; }

/* ---- default widget: categories ---- */
.widget_categories ul li { color: #00a0c6; padding: 2px 0; }

/* ---- default widget: meta ---- */
.widget_meta ul li { padding: 2px 0; }

/* ---- default widget: recent comments ---- */
.widget_recent_comments ul li { padding: 4px 0; font-weight: bold; color: #4c5357; }
.widget_recent_comments ul li a.url { font-weight: bold; color: #4c5357; }
.widget_recent_comments ul li a { font-weight: normal; }

/* ---- default widget: recent entries ---- */
.widget_recent_entries  ul li { padding: 2px 0; }

/* ---- default widget: rss ---- */
.widget_rss ul li { color: #8d979c; padding: 6px 0; }
.widget_rss ul li a { color: #00a0c6; }
.widget_rss ul li a:hover { color: #4c5357; }
.widget_rss ul li span.rss-date { color: #4c5357; font-size: 11px; font-weight: bold; display: block; }
.widget_rss ul li .rssSummary { font-size: 11px; margin-top: 4px; }

/* ---- default widget: search ---- */
.widget_search { }
.widget_search input#s { background: #f3f3f3 url(img/widget-search.png) no-repeat 137px 7px; color: #697378; width: 122px; border: 1px solid #dbdde2; border-top: 1px solid #bbb; padding: 6px 30px 6px 6px; box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); }
.widget_search input#s:focus { background-position: 137px -23px; }
.widget_search label.screen-reader-text { display: none; }
.widget_search input#searchsubmit { display: none; }

/* ---- default widget: tag cloud ---- */
.widget_tag_cloud .tagcloud a {  }
.widget_tag_cloud .tagcloud a:hover {  }

/* ---- default widget: text ---- */
.widget_text .textwidget { line-height: 1.5em; }
.widget_text .textwidget p { margin-bottom: 10px; }

/* ---- wpbandit widget: tabs ---- */
.widget_bandit_tabs {  }
.widget_bandit_tabs .ul { font-size: 12px; }
.widget_bandit_tabs .ui-tabs-hide { display: none !important; }
.widget_bandit_tabs ul.tab-links { padding-bottom: 10px; }
.widget_bandit_tabs ul.tab-links li { float: left; margin: 0 4px 4px 0; }
.widget_bandit_tabs ul.tab-links li a { background: #edeef0; color: #4c5357; font-size: 12px; font-weight: bold; display: block; padding: 5px 7px; width: 64px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
.widget_bandit_tabs ul.tab-links li.ui-state-active a { background: #00a0c6; color: #fff; }
.widget_bandit_tabs .bandit_tab { display: block; }
.widget_bandit_tabs #bandit-tab2,
.widget_bandit_tabs #bandit-tab4 { margin-right: 0; }

.widget_bandit_tabs .bandit_tab_tagcloud { padding-top: 8px; }
.widget_bandit_tabs .bandit_tab ul li { width: 100%; float: left; padding: 6px 0; }
.widget_bandit_tabs .bandit_tab ul li a { color: #00a0c6; font-weight: bold;  }
.widget_bandit_tabs .bandit_tab ul li a:hover { color: #4c5357; }
.widget_bandit_tabs .bandit_tab ul li .tab-entry-image { width: 50px; height: 50px; float: left; margin-right: 10px; }
.widget_bandit_tabs .bandit_tab ul li .tab-entry-image a { padding: 0; border: 0; background: none; }
.widget_bandit_tabs .bandit_tab ul li .tab-entry-image a img { width: 40px; height: 40px; }
.widget_bandit_tabs .bandit_tab ul li p.tab-entry-title { margin-bottom: 2px; }
.widget_bandit_tabs .bandit_tab ul li p.tab-entry-title a { line-height: 1.2em; display: inline; padding: 0; background: none; border: none; }
.widget_bandit_tabs .bandit_tab ul li p.tab-entry-date { font-size: 11px; color: #8d979c; }

.widget_bandit_tabs .bandit_tab_comments li { }
.widget_bandit_tabs .bandit_tab_comments .avatar { float: left; margin-right: 10px; }
.widget_bandit_tabs .bandit_tab_comments .avatar img { padding: 0; margin: 0; width: 40px; height: 40px; }
.widget_bandit_tabs .bandit_tab_comments .comment_wrap { width: 110px; float: left; }
.widget_bandit_tabs .bandit_tab_comments .comment_wrap p { margin-bottom: 10px; }
.widget_bandit_tabs .bandit_tab_comments .comment_wrap a { color: #8d979c; display: inline; padding: 0; border: 0; background: none; font-weight: normal; }
.widget_bandit_tabs .bandit_tab_comments .comment_wrap a:hover { color: #00a0c6; } 
.widget_bandit_tabs .bandit_tab_comments .comment_wrap a span { color: #4c5357; font-weight: bold; }

/* ---- wpbandit widget: flickr ---- */
.widget_bandit_flickr .flickr_badge_image { float: left; margin-right: 5px; margin-bottom: 5px; }
.widget_bandit_flickr img { width: 40px; height: 40px; float: left; border: 5px solid #edeef0; }
.widget_bandit_flickr #flickr_badge_image3,
.widget_bandit_flickr #flickr_badge_image6,
.widget_bandit_flickr #flickr_badge_image9,
.widget_bandit_flickr #flickr_badge_image12 { margin-right: 0; }


/* ------------------------------------------------------------------------- *
 *  Misc                                                                     *
/* ------------------------------------------------------------------------- */

/* jquery prettyphoto */
.tax-portfolio_category #pp_full_res .pp_inline {text-align:center!important}
.pp_video { display:none; }

/* jetpack subscribe to comments */
p.comment-subscription-form { margin: 5px 3px 0 3px; }
p.comment-subscription-form label { font-size: 12px; font-weight: normal;  }


/* ------------------------------------------------------------------------- *
 *  Form Styling
/* ------------------------------------------------------------------------- */
input,
textarea { font-family: Arial, Helvetica, Verdana, sans-serif; background: #fff; color: #697378; font-size: 14px; border: 1px solid #ccc; border-top: 1px solid #8d979c; padding: 4px 0; -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); }
input:focus,
textarea:focus { border-color: #aaa; }
input[type="submit"] { background: #00a0c6; color: #fff; font-weight: bold; font-size: 14px; padding: 4px 8px; cursor: pointer; border: 0; border-radius: 2px; -moz-border-radius: 2px; webkit-border-radius: 2px; }
input[type="submit"]:active { background: #4c5357; }
label { font-weight: bold; color: #4c5357; font-size: 14px; }


/* ---- STOP EDITING ------------------------------------------------------- */


/* ------------------------------------------------------------------------- *
 *  Form Framework
/* ------------------------------------------------------------------------- */

/* Form styles are from the Wufoo Form Framework by Infinity Box Inc. */

.bandit-form{letter-spacing:.01em;text-rendering:optimizeLegibility;}
.bandit-form li{width:64%;}

/* ---- form info ---- */
.bandit-form .info{display:inline-block;clear:both;margin:0 0 5px 0;padding:0 1% 0.55em 1%;border-bottom:1px dotted #ccc;}
.bandit-form .info[class] {display:block;}
.bandit-form .info h4{color:#697378;font-weight:normal;font-size:160%;margin:0 0 5px 0;clear:left;}

/* ---- field structure ---- */
form ul{list-style-type:none;}
form li{margin:0;padding:6px 1% 9px 1%;clear:both;background-color:transparent;position:relative;
-webkit-transition: background-color 350ms ease-out;
-moz-transition: background-color 350ms ease-out;
-o-transition: background-color 350ms ease-out;
transition: background-color 350ms ease-out;}

/* ---- labels ---- */
form li div label, form li span label{margin:0;padding-top:3px;clear:both;font-size:85%;line-height:160%;display:block;}
fieldset{display:block;border:none;margin:0;padding:0;}
* html fieldset{margin:-12px 0 5px 0;}
*+html fieldset{margin:-14px 0 7px 0;}
label.desc,legend.desc{line-height:150%;margin:0;padding:0 0 3px 0;border:none;display:block;white-space: normal;width:100%;}

/* ---- required ---- */
form span.req{display:inline;float:none;color:#ff3716!important;font-weight:bold;margin:0;padding:0;}

/* ----- fields ----- */
input.text,input.search, input.file, textarea.textarea, select.select{font-family: Arial, Helvetica, Verdana, sans-serif;font-size:100%;margin:0;padding:4px 0;}
input.text,input.search, textarea.textarea{}

/* ---- sizes ---- */
.bandit-form .third{width:32%;}
.bandit-form .half{width:48%;}
.bandit-form .full{width:100%;}

input.small,select.small{width:25%;}
input.medium,select.medium{width:50%;}
input.large,select.large{width:100%;}

textarea.textarea{width:293px;min-width:100%;max-width:100%;}
textarea.small{height:5.5em;}
textarea.medium{height:10em;}
textarea.large{height:20em;}

/* ----- buttons ----- */
form li.buttons{width:auto !important;position:relative;clear:both;padding:6px 1% 6px 1%;}
form li.buttons input{font-size:100%;margin-right:5px;}
input.btTxt{width:auto;overflow:visible;}

/* ----- no instructions ----- */
.noI form li,.altInstruct form li{width:auto !important;}

/* ----- halves and thirds ----- */
form li.leftHalf,form li.rightHalf{width:47% !important;}
form li.leftThird,form li.middleThird,form li.rightThird{width:30% !important;}
form li.leftHalf,form li.leftThird{clear:left !important; float:left;}
form li.middleThird{clear:none !important; float:left;width:30% !important; margin-left:2% !important;}
form li.rightHalf, form li.rightThird{ clear:none !important; float:right;}
li.leftHalf .small,li.rightHalf .small,
li.leftHalf .medium,li.rightHalf .medium,
li.leftThird .small,li.middleThird .small,li.rightThird .small,
li.leftThird .medium,li.middleThird .medium,li.rightThird .medium{width:100% !important;}

/* ----- instructions ----- */
form li.focused{background-color:#fff7c0;}
form .instruct{position:absolute;top:0;left:0;z-index:1000;width:45%;margin:0 0 0 8px;padding:8px 10px 10px 10px;border:1px solid #e6e6e6;background:#f5f5f5;visibility:hidden;opacity:0;font-size:105%;
-webkit-transition: opacity 350ms ease-out;
-moz-transition: opacity 350ms ease-out;
-o-transition: opacity 350ms ease-out;
transition: opacity 350ms ease-out;}
form .instruct small{line-height:120%;font-size:80%;color:#4c5357;}
form li.focused .instruct, form li:hover .instruct{left:100%;visibility:visible;opacity:1;}


/* ------------------------------------------------------------------------- *
 * Screen Resolution Fixes
/* ------------------------------------------------------------------------- */
@media only screen and (max-width: 1260px) { 
.t-blog.single .grid-2.author { display: none; }
.t-page .grid-2.widgets-outside { display: none; }
}
@media only screen and (min-width: 1860px) { 
#masonry { margin-right: 10px; }
}
@media only screen and (min-width: 1280px) and (max-width: 1347px) { 
.t-front.normal .grid-3,
#footer-widgets .grid-3 { width: 220px; }
}
@media only screen and (min-width: 1348px) and (max-width: 1421px) { 
.t-front.normal .grid-3,
#footer-widgets .grid-3 { width: 242px; }
}
@media only screen and (min-width: 1422px) and (max-width: 1661px) { 
.t-front.normal .grid-3,
#footer-widgets .grid-3 { width: 260px; }
}
@media only screen and (min-width: 1662px) and (max-width: 1901px) { 
.t-front.normal .grid-3,
#footer-widgets .grid-3 { width: 320px; }
}
@media only screen and (min-width: 1902px) { 
.t-front.normal .grid-3,
#footer-widgets .grid-3 { width: 380px; }
}